<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>首页数据</title>
</head>
<link rel="stylesheet" type="text/css" href="../../bangnuo/admin/layui/css/layui.css">
<!--<link rel="stylesheet" type="text/css" href="../../bangnuo/admin/css/box-html.css" />-->
<body style="background-color: #EAEAEA;">
<div style="width: 100%; height: 1220px;">
	<!-- 头标 -->
	<div style="width: 100%; height: 30px; margin: 10px;">
		<p style="color: #007DDB; font-size: 20px; font-weight: bold;">订单概况(包含下级代理商商户)<a style="font-size: 15px;">(参考值，单位：元
			)</a></p>
	</div>
	<hr />
	<!-- 数据订单 -->
	<div style="width: 100%; height: 200px;">
		<div style="margin: 10px; padding-top: 10px;">
			<div class="layui-card" style="margin-left: 20px; float: left">
				<div class="layui-card-body">
					<div>
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th style="font-size: 20px;">本月订单金额</th>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="monthSettleWx"></th>
							</tr>
						</table>
					</div>
					<hr />
					<div>
						<table border="0">
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney"></th>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney"></th>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #EB7350;">间联</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney"></th>
							</tr>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="layui-card" style="margin-left: 20px; float: left">
				<div class="layui-card-body">
					<div>
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th style="font-size: 20px;">上月订单金额</th>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney"></th>
							</tr>
						</table>
					</div>
					<hr />
					<div>
						<table border="0">
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney"></th>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney"></th>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #EB7350;">间联</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney"></th>
							</tr>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<hr />
	<!-- 头标 -->
	<div style="width: 100%; height: 30px; margin: 10px;">
		<p style="color: #007DDB; font-size: 20px; font-weight: bold;">佣金小计</p>
	</div>
	<hr />
	<!-- 数据佣金 -->
	<div style="width: 100%; height: 230px;">
		<div style="padding: 10px;">
			<div class="layui-card" style="margin-left: 20px; float: left">
				<div class="layui-card-body">
					<div>
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th style="font-size: 20px;">本月返佣数据（仅参考）</th>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="monthAcount"></th>
							</tr>
						</table>
					</div>
					<hr />
					<div>
						<table border="0">
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="monthAcountAlipay"></th>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="monthAcountWx"></th>
							</tr>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #EB7350;">间联</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="monthAcountJl"></th>
							</tr>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="layui-card" style="margin-left: 20px; float: left">
				<div class="layui-card-body">
					<div>
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th style="font-size: 20px;">昨日返佣数据（仅参考）</th>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dateAcount"></th>
							</tr>
						</table>
					</div>
					<hr />
					<div>
						<table border="0">
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dateAcountAlipay"></th>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dateAcountWx"></th>
							</tr>
							</tr>
							<tr>
								<td>&ensp;</td>
							</tr>
							<tr>
							<tr>
								<td style="font-size: 20px; font-weight: bold;">
									<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #EB7350;">间联</i>
								</td>
								<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
									&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
								<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dateAcountJl"></th>
							</tr>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<hr />
	<!-- 增幅数据 -->
	<div style="width: 100%; height: 200px;">
		<div>
			<!-- 商户涨幅排行 -->
			<div class="layui-card float-left" style="margin-left: 20px; float: left">
				<div class="layui-card-body">
					<!-- 选项卡 -->
					<div class="layui-tab">
						<ul class="layui-tab-title" style="background-color: #67B168;">
							<a href="javascript:return false;">
								<li style="width: 235px;">商户涨幅排行</li>
							</a>
							<li class="layui-this">对比昨日</li>
							<li>对比前七天</li>
						</ul>
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<!-- 昨日 -->
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
								</table>
							</div>
							<div class="layui-tab-item">
								<!-- 七天 -->
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 商户降幅排行 -->
			<div class="layui-card float-left" style="margin-left: 20px; float: left">
				<div class="layui-card-body">
					<!-- 选项卡-->
					<div class="layui-tab">
						<ul class="layui-tab-title" style="background-color: #FF5722;">
							<a href="javascript:return false;">
								<li style="width: 235px;">商户降幅排行</li>
							</a>
							<li class="layui-this">对比昨日</li>
							<li>对比前七天</li>
						</ul>
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<!-- 昨日 -->
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
								</table>
							</div>
							<div class="layui-tab-item">
								<!-- 七天 -->
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
									<tr>
										<th>某某商户</th>
										<th style="padding-left: 300px;">Header</th>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<hr />
	<!-- 头标 -->
	<div style="width: 100%; height: 30px; margin: 10px;">
		<p style="color: #007DDB; font-size: 20px; font-weight: bold;">商户概况</p>
	</div>
	<hr />
	<!-- 数据商户 -->
	<div style="width: 100%; height: 100px;">
		<div style="margin: 30px; float: left">
			<div style="float: left; background-color: #FF5722;">
				<i class="layui-icon layui-icon-username" style="font-size: 110px; color: #D0D0D0;"></i>
			</div>
			<div style="float: left">
				<div class="layui-card">
					<div class="layui-card-body" style="height: 100px; width: 320px;">
						<div style="margin: 20px; margin-left: 100px; margin-right: -100px;">
							<div id="commercialcount1" style="font-size: 30px;" ></div>
							<br />
							<div style="font-size: 20px; color: #14E1FF;">商户总数</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="margin: 30px; float: left">
			<div class="float-left" style="float: left; background-color: #FFB800;">
				<i class="layui-icon layui-icon-username" style="font-size: 110px; color: #D0D0D0;"></i>
			</div>
			<div style="float: left">
				<div class="layui-card">
					<div class="layui-card-body" style="height: 100px; width: 300px;">
						<div class="layui-card-body" style="height: 100px; width: 320px;">
							<div style="margin: 10px; margin-left: 100px; margin-right: -100px;">
								<div id="s-z-count" style="font-size: 30px;">111</div>
								<br />
								<div style="font-size: 20px; color: #14E1FF;">本月新增商户</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<hr />
	<!-- 头标 -->
	<div style="width: 100%; height: 30px; margin: 10px;">
		<p style="color: #007DDB; font-size: 20px; font-weight: bold;">团队概况</p>
	</div>
	<hr />
	<!-- 数据团队 -->
	<div style="width: 100%; height: 200px;">
		<div>
			<div class="layui-card float-left" style="margin: 30px; float: left">
				<div class="layui-card-body" style="margin: 30px;">
					<table border="0">
						<tr>
							<td id="count1"></td>
							<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
							<td></td>
						</tr>
						<tr>
							<td>下级代理</td>
							<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
							<td><i class="layui-icon layui-icon-username" style="font-size: 50px; color: #00F7DE;"></i>  </td>
						</tr>
					</table>
				</div>
			</div>
			<div class="layui-card float-left" style="margin: 30px; float: left">
				<div class="layui-card-body" style="margin: 30px;">
					<table border="0">
						<tr>
							<td><a id="count2" style="font-size: 30px;">1</a></td>
							<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
							<td></td>
						</tr>
						<tr>
							<td>直属下级代理</td>
							<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
							<td><i class="layui-icon layui-icon-username" style="font-size: 50px; color: #1E9FFF;"></i>  </td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script src="../../bangnuo/admin/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../bangnuo/admin/layui/layui.js"></script>
<script>
	//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
	layui.use('element', function() {
		var element = layui.element;

		//…
	});
</script>

<script type="text/javascript">


	//订单概况


	//佣金小计
	$(function(){
		$.ajax({
			type: "GET",
			url: '/order/commissionDetailed',
			dataType:"json",
			success: function(data){
				document.getElementById("monthAcount").innerHTML=data.queryResult.list[0].monthAcount;//月总计
				document.getElementById("monthAcountWx").innerHTML=data.queryResult.list[0].monthAcountWx;//月微信
				document.getElementById("monthAcountAlipay").innerHTML=data.queryResult.list[0].monthAcountAlipay;//月支付宝
				document.getElementById("monthAcountJl").innerHTML="待开发";//月间联

				document.getElementById("dateAcount").innerHTML=data.queryResult.list[0].dateAcount;//日总计
				document.getElementById("dateAcountWx").innerHTML=data.queryResult.list[0].dateAcountWx;//日微信
				document.getElementById("dateAcountAlipay").innerHTML=data.queryResult.list[0].dateAcountAlipay;//日支付宝
				document.getElementById("dateAcountJl").innerHTML="待开发";//日间联

			}
		});

		//商户流水涨幅

		//商户概况
        //团队概况
        $.ajax({
            type: "GET",
            url: '/commercial/findCommercialCount',
            dataType:"json",
            success: function(res){
                if(res.success){
                    console.log("统计",res);
                    var html1 = res.object.count
                    $("#commercialcount1").html(html1);

                    /*var html2 = '<a id="#count2" style="font-size: 30px;">'+res.object.count2+'</a>'
                    $("#count2").html(html2);*/
                }

            }
        });

		//团队概况
		$.ajax({
			type: "GET",
			url: '/agentEntity/statistic',
			dataType:"json",
			success: function(res){
				if(res.success){
					console.log("统计",res);
					var html1 = '<a id="#count2" style="font-size: 30px;">'+res.object.count1+'</a>'
					$("#count1").html(html1);

					var html2 = '<a id="#count2" style="font-size: 30px;">'+res.object.count2+'</a>'
					$("#count2").html(html2);
				}

			}
		});
	});
</script>
</html>
